<template>
  <div>
    <div>
      <van-nav-bar title="发票中心" left-text="返回" @click-right="$router.push({path:'/personCenters/notices'})" right-text="发票须知" left-arrow @click-left="$router.back()" />
    </div>
    <div>
      <van-tabs v-model="active">
        <van-tab title="可开票">
          <van-empty description="暂无可开票信息">
          </van-empty>
        </van-tab>
        <van-tab title="可换开">
          <van-empty description="暂无可开票信息">
          </van-empty>
        </van-tab>
        <van-tab title="开票历史">
          <van-empty description="暂无申请信息">
          </van-empty>
        </van-tab>
        <van-tab title="发票抬头">
          <van-empty description="暂无发票抬头">
          </van-empty>
          <div class="btnbox"> <van-button plain hairline type="default" @click="$router.push({path:'/personCenters/invheader'})">添加抬头</van-button></div>
        </van-tab>

      </van-tabs>

    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      active: 0,
    };
  },
};
</script>

<style scoped>
.btnbox {
  text-align: center;
}

.van-button {
  background: #fafafa;

}
</style>